﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<head>
	<link rel=Stylesheet type="text/css" href="/public/stylesheets/estilo.css">
	<meta http-equiv="Content-Type" content="Text/html; charset=UTF-8"/>
	<title>SGC</title>
</head>
<body>
	<div id="conteiner">
		<div id="cabecalho">
			<span id="logo">SGC</span>
			<span class="canto">
				<img src="/public/images/borda.png" id="borda" height="130px" width="80px"/>
				<span id="saudacao">Olá, Usuário. Bom dia!<br/><a href>Sair</a></span>
			</span>
		</div>
		<div id="menu">
			<a href="cadCoralista.html"><div class="menuitem">Cadastrar Coralista</div></a>
			<a href="cadEvento.html"><div class="menuitem">Cadastrar Evento</div></a>
			<a href="cadAdministrador.html"><div class="menuitem">Cadastrar Administrador</div></a>
			<a href="exibicaoEvento.html"><div class="menuitem">Submeter Presenças</div></a>
			<div class="informacao">
				<span>Informações:</span>
				<span>- Coral:</span>
				<span>- Regente:</span>
				<span>- Secretário:</span>
			</div>
		</div>
		<div id="conteudo">
			<div class="titulo">Cadastro de Coralistas</div>
			<form action="@{Application.add()}" method="post" id="CadastroCoralista">
				<div class="campo"><label for="nome">Nome:</label><input class="texto" type="text" name="nome" id="nome"/></div>
				<div class="campo"><label for="nascimento">Data de Nascimento:</label><input class="texto" type="text" name="nascimento" id="nascimento"/></div>
				<div class="campo"><label for="naipe">Naipe Vocal:</label>
					<select class="texto" name="naipe" id="naipe">
						<option value="Soprano">Soprano</option>
						<option value="Contralto">Contralto</option>
						<option value="Tenor">Tenor</option>
						<option value="Baixo">Baixo</option>
					</select>
				</div>
				<div class="campo"><label for="telefone">Telefone:</label><input class="texto" type="text" name="telefone" id="telefone"/></div>
				<div class="campo"><label for="endereco">Endereço:</label><input class="texto" type="text" name="endereco" id="endereco"/></div>
				<div class="campo"><label for="email">E-mail:</label><input class="texto" type="text" name="email" id="email"/></div>
				<div class="campo"><label for="login">Login:</label><input class="texto" type="text" name="login" id="login"/></div>
				<div class="campo"><label for="senha">Senha:</label><input class="texto" type="password" name="senha" id="senha"/></div>
				<div class="campo"><label for="senha2">Confirmação de Senha:</label><input class="texto" type="password" name="senha2" id="senha2"/></div>
				<div class="botoes">
					<span class="botao"><input type="submit" value="Enviar"/></span>
					<span class="botao"><input type="button" value="Cancelar"/></span>
					<span class="botao"><input type="reset" value="Apagar"/></span>
				</div>
			</form>
		</div>
		<div id="rodape">
			<span class="rodapeitem">Home</span>-
			<span class="rodapeitem">Eventos</span>-
			<span class="rodapeitem">Frequências</span>-
			<span class="rodapeitem">Sobre</span>
			<span class="rodapedev">Desenvolvido por SimpleTask</span>
		</div>
	</div>
</body>
</html>
